var myChart = echarts.init(document.getElementById('pie_1'));
var eformList = echarts.init(document.getElementById('line_1'));

$(function() {
	initPie(myChart);
	initBtnEvent();
	initLine(eformList);
})

function initLine(myChart) {
	option = {
		title : {
			text : '电子需求单创建数量-日期'
		},
		xAxis : {
			data : []
		},
		yAxis : {},
		series : [ {
			type : 'line',
			data : []
		} ]
	};
	myChart.setOption(option);
	myChart.showLoading();
	$.ajax({
		url : '/eform/echart',
		dataType : 'json',
		method : 'get',
		data : {
			time : new Date(),
			rows : 14
		},
		success : function(data) {
			myChart.hideLoading();
			myChart.setOption({
				xAxis : {
					data : data.x_data
				},
				series : [ {
					name : '新建数量',
					data : data.y_data
				} ]
			});
		}
	});
}

/**
 * 初始化扇形图（只需一次）
 * 
 * @param myChart
 * @returns
 */
function initPie(myChart) {
	option = {
		title : {
			text : '各部门预算量',
			subtext : '预算总量：1618',
			x : 'center'
		},
		tooltip : {
			trigger : 'item',
			formatter : "{a} <br/>{b} : {c} ({d}%)"
		},
		series : [ {
			name : '状态',
			type : 'pie',
			radius : '65%',
			center : [ '50%', '50%' ],
			selectedMode : 'single',
			data : [ {
				value : 1269.1797,
				name : '可用量',
			}, {
				value : 280.6812,
				name : '已用量'
			}, {
				value : 68.139,
				name : '冻结量'
			} ],
			itemStyle : {
				emphasis : {
					shadowBlur : 10,
					shadowOffsetX : 0,
					shadowColor : 'rgba(0, 0, 0, 0.5)'
				}
			}
		} ]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
	loadPieData(myChart, '技术开发部');
}

function initBtnEvent() {
	$("#deptNameSelector").click(function() {
		loadPieData(myChart, $(this).val());
	});
}

/**
 * 动态加载扇形图的数据
 * 
 * @param myChart
 * @param dept
 * @returns
 */
function loadPieData(myChart, dept) {
	myChart.showLoading();
	$("#deptNameSelector").find("option:contains('" + dept + "')").attr(
			"selected", true);
	$.ajax({
		url : '/bdm/echart',
		dataType : 'json',
		method : 'get',
		data : {
			time : new Date(),
			dept : dept
		},
		success : function(data) {
			console.info(data);
			myChart.hideLoading();
			myChart.setOption({
				title : {
					text : data.dept + ' 预算使用情况',
					subtext : '预算总量：' + data.yszl,
					x : 'center'
				},
				series : [ {
					data : [ {
						value : data.kyl,
						name : '可用量',
					}, {
						value : data.yyl,
						name : '已用量'
					}, {
						value : data.djl,
						name : '冻结量'
					} ]
				} ]
			});
			var all = data.kyl + data.yyl + data.djl;
			$('#kyl').text(getRound4(data.kyl));
			$('#kyl_rate').text((getRound4(data.kyl / all * 100)) + '%');
			console.info(getRound4((data.kyl) / all));
			$('#djl').text(getRound4(data.djl));
			$('#djl_rate').text((getRound4(data.djl / all * 100)) + '%');
			$('#yyl').text(getRound4(data.yyl));
			$('#yyl_rate').text((getRound4(data.yyl / all * 100)) + '%');
		}
	});
}

function getRound4(x) {
	if (null != x) {
		return Math.round(x * 10000) / 10000;
	}
	return 0;
}